<!DOCTYPE html>
<html manifest="/web/manifest.appcache">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Sup笔记</title>
		<meta name="keywords" content="Sup笔记">
		<meta name="description" content="TODO">
		<!--<base href="/web/">-->
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width">
		<script src="//hm.baidu.com/hm.js?53c97531c41019c3315b44853946c2c9"></script>
		<script async="" src="//www.google-analytics.com/analytics.js"></script>
		<style type="text/css">
			.mindmap .content-container iframe {
				position: absolute;
				width: 100%;
				height: 100%;
			}
			
			.mindmap .hd-btn {
				width: 80px;
				margin-right: 10px;
			}
		</style>
		<style type="text/css">
			.widget-dialog-footer {
				text-align: center !important;
			}
		</style>
		<link href="css/text.css" rel="stylesheet">
		<link href="css/note.css" rel="stylesheet">
	</head>

	<body>
		<ydoc-app ng-version="2.4.10">
			<div class="main">
				<div>
					<!--template bindings={}-->
					<header>
						<div class="top-banner">
							<!--template bindings={}-->
							<div>
								<div class="top-left">
									<i class="logo">Sup笔记</i>
								</div>
								<div class="top-right">
									<div class="own-info">
										<img class="own-photo" title="个人信息" user-info="" src="images/img-myself.jpg">
										<div class="info-more" title="更多" widget-toggle="false">
										<span class="arrow-line-down"><i class="arrow-line"></i></span>
										<ul class="widget-menu" widget-toggle-content="" style="display: none; visibility: visible;">
											<li class="widget-menu-item" user-info="">
												<span class="link">个人信息</span>
											</li>
											<li class="widget-menu-item" user-info="">
												<span class="link">账号安全</span>
											</li>
											<li class="widget-menu-item" user-info="">
												<span class="link">邮件提醒</span>
											</li>
											<li class="widget-menu-item" user-info="">
												<span class="link">应用管理</span>
											</li>
											<li class="widget-menu-item" user-info="">
												<span class="link">意见反馈</span>
											</li>
											<li class="widget-menu-item split-line"></li>
											<li class="widget-menu-item">
												<span class="link">注销登录</span>
											</li>
										</ul>
									    </div>

										<a class="to-website" href="" target="_blank">官网</a>
										<i class="top-line"></i>
										<span>
											<a class="update-vip" href="" target="_blank">帮助</a>
											<i class="top-line"></i>
										</span>
										<span class="top-btns">
											<a class="pc-btn" href="" target="_blank">
												<span>客户端下载</span>
										</a>
										</span>
									</div>
								</div>
								<!--template bindings={}-->
							</div>
					</header>
					<div class="main-container" flexible="" style="min-width: 600px;">
							<div class="sidebar" id="flexible-left" style="width: 220px;">
								<div class="expand-layout">
									
									<div class="sidebar-content widget-scroller" widget-scroller="" style="bottom: 158px;">
										<div class="widget-scroller-wrap" tabindex="-1">

											<div class="sidebar-item selected" file-droppable="" filedroppablesupport="true" trackaction="click" trackcategory="recent" tracker="">
												<i class="icon-recent-modified"></i>
												<div class="sidebar-item-text">
													最新文档
												</div>
											</div>
											<div class="sidebar-item">
												<i class="icon-myshare"></i>
												<div class="sidebar-item-text">
													与我分享
												</div>
											</div>
											<tree-root>
												<div class="file-tree">
													<div class="tree-title root-title expanded expandable" file-droppable="" id="my-documents" widget-context-menu="">
														<div class="toggle">
															<i class="arrow"></i>
														</div>
														<div class="name">
															<i class="folder"></i>
															<span class="file-name" title="我的文件夹">我的文件夹</span>
														</div>
													</div>
													<!--template bindings={}-->
													<ul class="tree-container" tabindex="-1" tree-selection="div[tree-node]">
														<!--template bindings={}-->
														<li class="filetree-item">
															<div tree-node="">
																<div class="file-tree">
																	<div class="tree-title" file-droppable="" widget-context-menu="" style="padding-left: 20px;">
																		<div class="toggle">
																			<i class="arrow"></i>
																		</div>
																		<!--template bindings={}-->
																		<div class="name expandabless" file-editor="">
																			<!--template bindings={}--><i class="folder">
            </i>
																			<!--template bindings={}-->
																			<!--template bindings={}-->
																			<div class="file-name" title="我的资源">我的资源</div>
																		</div>
																		<!--template bindings={}-->
																		<i class="menu-trigger" file-context-menu=""></i>
																	</div>
																	<!--template bindings={}-->
																</div>
															</div>
														</li>
													</ul>
													<!--template bindings={}-->
												</div>
											</tree-root>
											<!--template bindings={}-->
											<div class="sidebar-item" widget-context-menu="">
												<i class="icon-trash"></i>
												<div class="sidebar-item-text">
													回收站
												</div>
												<i class="menu-trigger" file-context-menu=""></i>
											</div>
											<!--template bindings={}-->

										</div>
										<div class="widget-scroller-bar" style="display: none;"></div>
									</div>
									<!--template bindings={}-->

									<div class="file-tree-toggle">
										<i class="arrow svg_arrow_right"></i>
									</div>
								</div>
								<div class="collapse-layout">
									
									<div class="sidebar-item selected" file-droppable="" filedroppablesupport="true" title="最新文档" trackaction="click" trackcategory="recent" tracker="">
										<i class="icon-recent-modified"></i>
									</div>
									<div class="sidebar-item" title="与我分享">
										<i class="icon-myshare"></i>
									</div>
									<div class="sidebar-item" title="我的文件夹">
										<i class="icon-myfolder"></i>
									</div>
									<!--template bindings={}-->
									<div class="sidebar-item" title="回收站" widget-context-menu="">
										<i class="icon-trash"></i>
									</div>
									
								</div>
								<div class="drag-line" style="top: 0px; right: -4px; width: 7px; height: 100%; position: absolute; z-index: 1;"></div>
							</div>
							<div class="viewport" id="flexible-right" style="left: 221px;">
								<div class="list-detail" flexible-list="" style="min-width: 520px;">
									<router-outlet></router-outlet>
									<list>
										<div class="list" id="flexible-list-left">
											<!--template bindings={}-->
											<div>
												<div class="list-hd trashOrRecent">
													<!--template bindings={}-->
													<ng2-search class="list-search">
														<div class="input-search">
															<div class="icon-search">
																<img src="images/search.svg">
															</div>
															<!--template bindings={}-->
															<!--template bindings={}-->
															<!--template bindings={}--><input autocomplete="off" class="search-text ng-untouched ng-pristine ng-valid" name="search" placeholder="搜索...">
															<!--template bindings={}-->
														</div>
													</ng2-search>
													<!--template bindings={}-->
													
												</div>
												<!--template bindings={}-->
												<div>
													<!--template bindings={}-->
													<div>
														<recent>
															<div>
																<!--template bindings={}-->
																<div class="list-bd noItemNum widget-scroller" file-droppable="" widget-scroller="">
																	<div class="widget-scroller-wrap" tabindex="-1">

																		<file-view class="recent-files-container">
																			<div widget-context-menu="">
																				<div class="list-view-item" file-selection="li.file-item" tabindex="-1">
																					<!--template bindings={}-->
																					<ul class="abstract-mode">
																						<!--template bindings={}-->
																						<li class="list-li file-item selected" file-droppable="">
																							<div class="title" file-editor="">
																								<span class="file-icon" file-icon="" filesize="small">
            <svg class="file_icon_small">
                <use xlink:href="icons-07753c82f5.svg#type_note_small"></use>
            </svg>
        </span>
																								<div class="file-name">
																									<span high-light="">欢迎使用Sup笔记</span>
																									<div class="search-bar-high-light" style="display: none; width: 0px; height: 0px; overflow: visible; pointer-events: none; position: absolute; left: 0px; top: 0px;"></div>
																								</div>
																								<!--template bindings={}-->
																								<!--template bindings={}-->
																								<!--template bindings={}-->
																								<!--template bindings={}-->
																								<!--template bindings={}-->
																								<!--template bindings={}-->
																								<!--template bindings={}--><span class="file-tool">
                        <span title="分享">
                            <!--template bindings={}--><i class="icon-share svg_share"></i>
                        </span>
																								<span title="下载">
                            <!--template bindings={}-->
                        </span>
																								<span title="删除">
                            <i class="icon-delete svg_delete"></i>
                        </span>
																								</span>
																								<!--template bindings={}-->
																							</div>

																							<div class="note-abstract">
																								<span high-light="">记录工作和生活点滴，办公文档随身携带您可以在这里1、新建笔记，在笔记中输入文字内容，插入图片、表格、附件，随时随地记录身边点滴2、上传办公文档，直接在Sup笔记内管理、查看和编辑各类Office、PDF文档</span>
																								<div class="search-bar-high-light" style="display: none; width: 0px; height: 0px; overflow: visible; pointer-events: none; position: absolute; left: 0px; top: 0px;"></div>
																							</div>
																							<div class="date-size hide">
																								<span class="file-date">2019-03-10</span>
																								<!--template bindings={}--><span class="file-size">30.6 KB</span>
																								<!--template bindings={}-->
																							</div>
																							<!--template bindings={}-->
																							<div class="file-path">
																								<span class="name-path-icon"></span>
																								<span class="name-path-text" title="我的资源">我的资源</span>
																							</div>
																							<!--template bindings={}-->
																						</li>
																					</ul>
																					<!--template bindings={}-->
																				</div>
																			</div>
																		</file-view>
																		<!--template bindings={}-->

																	</div>
																	<div class="widget-scroller-bar" style="display: none;"></div>
																</div>
																<!--template bindings={}-->
															</div>
														</recent>
													</div>
													<!--template bindings={}-->
													<!--template bindings={}-->
													<!--template bindings={}-->
												</div>
												<!--template bindings={}-->
											</div>
											<!--template bindings={}-->
											<div class="drag-line" style="top: 0px; right: -4px; width: 7px; height: 100%; position: absolute; z-index: 1;"></div>
										</div>
										<div class="detail-container" id="flexible-list-right">
											<div class="detail">
												<router-outlet></router-outlet>
												<note>
													<div class="file-detail note">
														<!--template bindings={}-->
														<div class="detail-wrapper">
															<!--template bindings={}-->
															<div class="note-container">
																<div class="hd">
																	<!--template bindings={}-->
																	<top-title class="title">
																		<input class="top-title ng-valid ng-touched ng-dirty" maxlength="250" tabindex="-1" type="text" placeholder="欢迎使用Sup笔记">
																	</top-title>
																	<!--template bindings={}-->
																	<!--template bindings={}-->
																	<toolbar>
																		<!--template bindings={}-->
																		<div class="toolbar">
																			<!--template bindings={}-->
																			<!--template bindings={}-->
																			<div class="tools-item" title="翻译">
																				<i class="translate-icon" translate=""></i>
																			</div>
																			<!--template bindings={}-->
																			<div class="tools-item" title="分享">
																				<i class="share-icon"></i>
																			</div>
																			<!--template bindings={}-->
																			<!--template bindings={}-->
																			<div class="tools-item" title="演示模式">
																				<i class="demo-icon" track-action="demoIcon-click" track-category="demoIcon" tracker=""></i>
																			</div>
																			<!--template bindings={}-->
																			<div class="tools-item" title="查看标签">
																				<i class="tag-icon"></i>
																			</div>
																			<div class="tools-item" title="更多" widget-toggle="false">
																				<i class="more-icon"></i>
																			</div>
																			<!--template bindings={}-->
																			<div class="tools-item more-info" title="文件信息">
																				<i class="info-icon"></i>
																			</div>
																		</div>
																		<!--template bindings={}-->
																	</toolbar>
																	<!--template bindings={}-->
																	<!--template bindings={}-->
																</div>
																<!--template bindings={}-->
																<!--template bindings={}-->
																<editor class="content-container">
																	<div class="note-detail">
																		<div class="detail-bd">
																			<!--template bindings={}-->
																			<!--template bindings={}-->
																			<div class="edit">
																				<div class="content" note-editor=""><iframe id="bulb-editor" src="text.html"></iframe></div>
																				<!--template bindings={}-->
																				<div class="note-tip editor-inside" id="note-save-btn" style="right: 200px; top: -46px;">保存</div>
																			</div>
																		</div>
																		<div class="loading-style" hidden="">
																			<div id="loading-container">
																				<div class="spinner-container container1">
																					<div class="circle"></div>
																				</div>
																				<div class="spinner-container container2">
																					<div class="circle"></div>
																				</div>
																				<div class="spinner-container container3">
																					<div class="circle"></div>
																				</div>
																				<div class="spinner-container container4">
																					<div class="circle"></div>
																				</div>
																				<div class="spinner-container container5">
																					<div class="circle"></div>
																				</div>
																				<div class="spinner-container container6">
																					<div class="circle"></div>
																				</div>
																			</div>
																		</div>
																	</div>
																</editor>
																<!--template bindings={}-->
															</div>
															
														</div>
												</note>
												</div>
												
											</div>
									</list>
									</div>
								</div>
								
						</div>
					</div>
					<div class="mask-all"></div>
					</div>
					<!--template bindings={}-->
		</ydoc-app>
	<script>
		var ua = navigator.userAgent;
		if(ua.toLowerCase().indexOf('mac') !== -1) {
			document.body.className = 'mac';
		}
	</script>
	

	<script src="js/ydoc.dll.js"></script>
	<script src="js/index-51e1a093bd.js"></script>
	<a download="" id="file-download-image"></a>
	<input type="file" style="position: absolute; top: -1000px; left: -1000px;">
	<input type="file" webkitdirectory="" style="position: absolute; top: -1000px; left: -1000px;">
	<script src="js/1.0.5.js"></script>
	<script src="js/message.js"></script>
	<script src="js/2dac580226b83fb71d8e31c5b40041cf.js" defer></script>

	<script>
		(function(i, s, o, g, r, a, m) {
			i['GoogleAnalyticsObject'] = r;
			i[r] = i[r] || function() {
				(i[r].q = i[r].q || []).push(arguments)
			}, i[r].l = 1 * new Date();
			a = s.createElement(o),
				m = s.getElementsByTagName(o)[0];
			a.async = 1;
			a.src = g;
			m.parentNode.insertBefore(a, m)
		})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

		ga('create', 'UA-61951606-3', 'auto');
		ga('send', 'pageview');
	</script>
	<script>
		var _hmt = _hmt || [];
		(function() {
			var hm = document.createElement("script");
			hm.src = "//hm.baidu.com/hm.js?53c97531c41019c3315b44853946c2c9";
			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(hm, s);
		})();
	</script>
	<div style="top: 0px; left: 0px; visibility: hidden; position: absolute; width: 1px; height: 1px;"><iframe style="height:0px; width:0px;" src="https://qiyukf.com/sdk/res/delegate.html?1552222414662"></iframe></div>
		<div class="layer-3" id="YSF-BTN-HOLDER" style="display: none;">
			<div id="YSF-CUSTOM-ENTRY-3"><img src="https://qiyukf.com/sdk/res/kefu/custom/3.png"></div><span id="YSF-BTN-CIRCLE"></span>
			<div id="YSF-BTN-BUBBLE">
				<div id="YSF-BTN-CONTENT"></div><span id="YSF-BTN-ARROW"></span><span id="YSF-BTN-CLOSE"></span></div>
		</div><iframe id="hidden-editor" src="text.html"></iframe>
		<div id="qb-sougou-search" style="display: none; opacity: 0;">
			<p>搜索</p>
			<p class="last-btn">复制</p><iframe src=""></iframe></div>
		<yn-wait>
			<div class="explorer-wait" hidden="">
				<div class="msg">
					<p></p>
				</div>
				<div class="mask"></div>
			</div>
		</yn-wait>
	</body>

</html>